<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<body>
	<div id="selectColor_main" xlvobject="xlv.obj.pane" xlvprop="{bkOpacity:false,glow:{enable:true},border:{enable:true}}" style="background:#EEEEEE;"
		xlvmethod="{
			initial:function(){
				this.addEventHandler('mousedown', 'selectColor');
				this.$self('initial');
			},
			selectColor:function(event){
				var item=this.targetElement(event.target,{id:'color_item'}); 
				if(item){
					this.$P.caller.value=Element.getStyle(item,'backgroundColor');
					this.$P.caller.commit=true;
					this.dispose();
				}
			}
		}"
	>
	<style type="text/css">
			#selectColor_main #color_item {
				width:12px;
				height:12px;
				border:1px solid #CDCDCD;
			}
			#selectColor_main #color_item:hover{
				border-color: white; 
			}
	</style>

	<table border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;table-layout:auto;background:#EEEEEE;">
		<tr>
			<td><div style="background-color:#FFFFFF" title="#FFFFFF" id="color_item"></div></td>
			<td><div style="background-color:#CCCCCC" title="#CCCCCC" id="color_item"></div></td>
			<td><div style="background-color:#C0C0C0" title="#C0C0C0" id="color_item"></div></td>
			<td><div style="background-color:#999999" title="#999999" id="color_item"></div></td>
			<td><div style="background-color:#666666" title="#666666" id="color_item"></div></td>
			<td><div style="background-color:#333333" title="#333333" id="color_item"></div></td>
			<td><div style="background-color:#000000" title="#000000" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#FFCCCC" title="#FFCCCC" id="color_item"></div></td>
			<td><div style="background-color:#FF6666" title="#FF6666" id="color_item"></div></td>
			<td><div style="background-color:#FF0000" title="#FF0000" id="color_item"></div></td>
			<td><div style="background-color:#CC0000" title="#CC0000" id="color_item"></div></td>
			<td><div style="background-color:#990000" title="#990000" id="color_item"></div></td>
			<td><div style="background-color:#660000" title="#660000" id="color_item"></div></td>
			<td><div style="background-color:#330000" title="#330000" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#FFCC99" title="#FFCC99" id="color_item"></div></td>
			<td><div style="background-color:#FF9966" title="#FF9966" id="color_item"></div></td>
			<td><div style="background-color:#FF9900" title="#FF9900" id="color_item"></div></td>
			<td><div style="background-color:#FF6600" title="#FF6600" id="color_item"></div></td>
			<td><div style="background-color:#CC6600" title="#CC6600" id="color_item"></div></td>
			<td><div style="background-color:#993300" title="#993300" id="color_item"></div></td>
			<td><div style="background-color:#663300" title="#663300" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#FFFF99" title="#FFFF99" id="color_item"></div></td>
			<td><div style="background-color:#FFFF66" title="#FFFF66" id="color_item"></div></td>
			<td><div style="background-color:#FFCC66" title="#FFCC66" id="color_item"></div></td>
			<td><div style="background-color:#FFCC33" title="#FFCC33" id="color_item"></div></td>
			<td><div style="background-color:#CC9933" title="#CC9933" id="color_item"></div></td>
			<td><div style="background-color:#996633" title="#996633" id="color_item"></div></td>
			<td><div style="background-color:#663333" title="#663333" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#FFFFCC" title="#FFFFCC" id="color_item"></div></td>
			<td><div style="background-color:#FFFF33" title="#FFFF33" id="color_item"></div></td>
			<td><div style="background-color:#FFFF00" title="#FFFF00" id="color_item"></div></td>
			<td><div style="background-color:#FFCC00" title="#FFCC00" id="color_item"></div></td>
			<td><div style="background-color:#999900" title="#999900" id="color_item"></div></td>
			<td><div style="background-color:#666600" title="#666600" id="color_item"></div></td>
			<td><div style="background-color:#333300" title="#333300" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#99FF99" title="#99FF99" id="color_item"></div></td>
			<td><div style="background-color:#66FF99" title="#66FF99" id="color_item"></div></td>
			<td><div style="background-color:#33FF33" title="#33FF33" id="color_item"></div></td>
			<td><div style="background-color:#33CC00" title="#33CC00" id="color_item"></div></td>
			<td><div style="background-color:#009900" title="#009900" id="color_item"></div></td>
			<td><div style="background-color:#006600" title="#006600" id="color_item"></div></td>
			<td><div style="background-color:#003300" title="#003300" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#99FFFF" title="#99FFFF" id="color_item"></div></td>
			<td><div style="background-color:#33FFFF" title="#33FFFF" id="color_item"></div></td>
			<td><div style="background-color:#66CCCC" title="#66CCCC" id="color_item"></div></td>
			<td><div style="background-color:#00CCCC" title="#00CCCC" id="color_item"></div></td>
			<td><div style="background-color:#339999" title="#339999" id="color_item"></div></td>
			<td><div style="background-color:#336666" title="#336666" id="color_item"></div></td>
			<td><div style="background-color:#003333" title="#003333" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#CCFFFF" title="#CCFFFF" id="color_item"></div></td>
			<td><div style="background-color:#66FFFF" title="#66FFFF" id="color_item"></div></td>
			<td><div style="background-color:#33CCFF" title="#33CCFF" id="color_item"></div></td>
			<td><div style="background-color:#3366FF" title="#3366FF" id="color_item"></div></td>
			<td><div style="background-color:#3333FF" title="#3333FF" id="color_item"></div></td>
			<td><div style="background-color:#000099" title="#000099" id="color_item"></div></td>
			<td><div style="background-color:#000066" title="#000066" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#CCCCFF" title="#CCCCFF" id="color_item"></div></td>
			<td><div style="background-color:#9999FF" title="#9999FF" id="color_item"></div></td>
			<td><div style="background-color:#6666CC" title="#6666CC" id="color_item"></div></td>
			<td><div style="background-color:#6633FF" title="#6633FF" id="color_item"></div></td>
			<td><div style="background-color:#6600CC" title="#6600CC" id="color_item"></div></td>
			<td><div style="background-color:#333399" title="#333399" id="color_item"></div></td>
			<td><div style="background-color:#330099" title="#330099" id="color_item"></div></td>
		</tr>
		<tr>
			<td><div style="background-color:#FFCCFF" title="#FFCCFF" id="color_item"></div></td>
			<td><div style="background-color:#FF99FF" title="#FF99FF" id="color_item"></div></td>
			<td><div style="background-color:#CC66CC" title="#CC66CC" id="color_item"></div></td>
			<td><div style="background-color:#CC33CC" title="#CC33CC" id="color_item"></div></td>
			<td><div style="background-color:#993399" title="#993399" id="color_item"></div></td>
			<td><div style="background-color:#663366" title="#663366" id="color_item"></div></td>
			<td><div style="background-color:#330033" title="#330033" id="color_item"></div></td>
		</tr>
	</table>	
	</div>
</body>
</html>
